import * as React from 'react';
import { render } from '@testing-library/react';
import { {{componentName}} } from './{{componentName}}';
import { isConformant } from '../../common/isConformant';

describe('{{componentName}}', () => {
  isConformant({
    Component: {{componentName}},
    displayName: '{{componentName}}',
  });

  // TODO add more tests here, and create visual regression tests in /apps/vr-tests

  it('renders a default state', () => {
    const result = render(<{{componentName}}>Default {{componentName}}</{{componentName}}>);
    expect(result.container).toMatchSnapshot();
  });
});
